.m-menu{
    width: 230px;
    height: 475px;
    position: relative;
    margin-top: -50px;
    background: -webkit-linear-gradient(-150deg,rgba(2,181,157,.85) 2%,rgba(22,146,183,.85) 100%);
    background: linear-gradient(-150deg,rgba(2,181,157,.85) 2%,rgba(22,146,183,.85) 100%);
    dl{
        text-align: left;
        box-sizing: border-box;
        color: #FFF;
    }
    dt{
        height: 50px;
        padding: 15px 0 0 15px;
        box-sizing: border-box;
        margin-bottom: 4px;
    } 
    dd{
        position: relative;
        box-sizing: border-box;
        padding: 2px 12px;
        height: 26px;
        &:hover{
            background: rgba(255,255,255,0.3);
        }
        &:hover .home-category-iconfont:before{
            opacity: 1;
        }
        span{
            margin-right: 11px;
        }
        .home-category-iconfont{
            &:before{
                opacity: 0.3;
                width: 14px;
                height: 14px;
                font-size: 14px;
                display: inline-block;
            }
        }
        .arrow{
            width: 4px;
            height: 4px;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            transform: rotate(-45deg);
            display: block;
            position: absolute;
            right: 13px;
            top: 4px;
            bottom: 0;
            margin: auto;
        }
        a{
            font-size: 13px;
            color: #fff;
        }    
    }
    .category-list{
        position: absolute;
        top: 60px;
        left: 230px;
        width: 400px;
        height: 416px;
        background-color: #fff;
        z-index: 199;
        color: #666;
        overflow: hidden;
        box-sizing: border-box;
        padding: 0 30px;
        display: none;
        h3{
            margin-top: 24px;
            height: 22px;
            line-height: 22px;
            padding-bottom: 10px;
            border-bottom: 1px solid #e5e5e5;
            span{
                font-size: 16px;
                font-weight: 500;
                color: #222;
                cursor: pointer;
                float: left;
            }
            a{
                font-size: 12px;
                color: #999;
                font-weight: 400;
                float: right;
                margin-right: 6px;
                position: relative;
            }
        }
        .category-name{
            a{
                color: #999;
                font-size: 12px;
                line-height: 15px;
                display: inline-block;
                margin-right: 16px;
                margin-top: 10px;
                &:hover{
                    color: #31BBAC;
                }
            }
        }
    }
}